<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#div{
				width: 300px;
				background:linear-gradient(#F9FBCB, #F8F8F3) ;
			}
			h2{
				font-size:16px;
				text-indent:1em;
				color:white;
				line-height:30px;
				background:#518700 url(bang.gif) 100px 6px no-repeat;
				}
			ul{
				list-style-type:none;
				font-size:12px;
				line-height:28px;
			}
			li:nth-of-type(1){
				background:url(book_no01.gif)4px no-repeat;
			}
			li:nth-of-type(2){
				background:url(book_no02.gif)4px no-repeat;
			}
			li:nth-of-type(3){
				background:url(book_no03.gif)4px no-repeat;
			}
			li:nth-of-type(4){
				background:url(book_no04.gif)4px no-repeat;
			}
			li:nth-of-type(5){
				background:url(book_no05.gif)4px no-repeat;
			}
			li:nth-of-type(6){
				background:url(book_no06.gif)4px no-repeat;
			}
			li:nth-of-type(7){
				background:url(book_no07.gif)4px no-repeat;
			}
			li:nth-of-type(8){
				background:url(book_no08.gif)4px no-repeat;
			}
			li:nth-of-type(9){
				background:url(book_no09.gif)4px no-repeat;
			}
			li:nth-of-type(10){
				background:url(book_no10.gif)4px no-repeat;
			}
			a:{
				text-decoration: none;
				color: #1A66B3;
			}
			a:hover{
				text-decoration: underline;
				color: #1A66B3;
			}
			
			
		</style>
	</head>
	<body>
		<div id="div">
		<h2>畅销书排行</h2>
		<ul >
		<li><a href="#">不抱怨的世界</a></li>
		<li><a href="#">遇见未知的自己</a></li>
		<li><a href="#">活法</a></li>
		<li><a href="#">高效能人士的七个习惯</a></li>
		<li><a href="#">被迫强大</a></li>
		<li><a href="#">遇见心想事成的自己</a></li>
		<li><a href="#">世界上最伟大的推销员</a></li>
		<li><a href="#">我的成功可以复制</a></li>
		<li><a href="#">少有人的走路</a></li>
		<li><a href="#">活出全新的自己</a></li>
		</ul>
		</div>
	</body>
</html>
